import styled from 'styled-components'



export const RecommendBox = styled.div`
  width: 94vw;
  height: 150px;
  margin-left: 3vw;
  background-color: #ffffff;
  border-radius: 10px;
  display: flex;
  margin-bottom: 10px;
  .recommend{
    width: 47vw;
    height: 150px;
    /* border: 1px solid #000; */
    .title{
      font-size: 18px;
      margin-left: 10px;
      margin-top: 10px;
    }
    .showPhone{
      width: 47vw; 
      display: flex;
    }
    .showGoods{
      width: 23.5vw;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      & img{
        width: 90px;
        height: 90px;
        object-fit: cover;
      }
    }
  }
`